<!DOCTYPE html>
<html>

<head>

	<title> Events </title>
	<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<script type="text/javascript" src="addeventjavascript.js"></script>
		<script type="text/javascript" src="eventjavascript.js"></script>

	<script type="text/javascript" src="eventajax.js"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
	        <link rel=StyleSheet href="style.css"/>

	<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
	
	
</head>

<body>
	 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"><h1> Add an Event</h1> <p>Below are fields corresponding to attributes of a new event.  After you are done press submit to add the event to the database.</p></div>

	<nav class="NavBar">
		<ul>
        	<li>
        		<a class= "Volunteer" href="volunteer.html"> Volunteers</a>
        		 <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
			<li>
				<a class= "Events highlighted" href="events.html"> Events</a>
				<ul>
					<li><a href="events.html" title="Search"> Search </a></li>
					<li><a href="addevents.html" title="Edit"> Edit </a></li>
				</ul>
			</li>

        	<li><a class= "Plants" href="plants.html"> Plants</a>
        		<ul>
					<li><a href="plants.html" title="Search"> Search </a></li>
					<li><a href="addplants.html" title="Edit"> Edit </a></li>
				</ul>
			</li>

			<li>
				<a class= "Source" href="source.html"> Source</a>
				<ul>
					<li><a href="source.html" title="Search"> Search </a></li>
					<li><a href="addsource.html" title="Edit"> Edit </a></li>
				</ul>
			</li>	
        </ul>
    </nav>

    <form>
   	<table id="event_input_table" border="1">
   		<thead>
		    <tr>
		    	<th scope="col">Event Name</th>
		    	<th scope="col">Begin Date</th>
		    	<th scope="col">End Date</th>
		    	<th scope="col">Description</th>
		    </tr>
		</thead>
	    <tbody >	
			<tr >
				<td>
					<input name="ename1" id="ename1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>

				<td >
					<form>
						<input name="ebegindate1" id="ebegindate1" type="text"  size="32"/>
					</form>					
         		</td>
				<td>
					<form>
					<input name="eenddate1" id="eenddate1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</form>
				</td>

				<td>
					<input name="edescription1" id="edescription1" type="text" alt="Search" value="" maxlength="256" size="32" /> 
				</td>
			
		</tbody>

	</table>
</form>

	<button id="addbutton">Add</button>

    <button id="submitbutton"  onclick = "saveinfo()" > Submit</button>
    <input type="submit" name="btnG" value="Clear" />

	</div>

</body>

</html>